import type { SVGProps } from "react";

export const TailwindIcon = (props: SVGProps<SVGSVGElement>) => {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 24 24"
      fill="currentColor"
      {...props}
    >
      <path
        d="M12 6.30029C9.46662 6.30029 7.88383 7.56647 7.25 10.0998C8.1997 8.83353 9.30838 8.35868 10.5747 8.67529C11.2977 8.8555 11.8145 9.37978 12.3867 9.96076C13.318 10.9059 14.3959 12 16.75 12C19.2832 12 20.8662 10.7337 21.5 8.1997C20.55 9.46666 19.4417 9.94176 18.1751 9.625C17.4523 9.44464 16.9361 8.92051 16.3632 8.33953C15.4325 7.39443 14.3548 6.30029 12 6.30029ZM7.25 12C4.71677 12 3.13383 13.2663 2.5 15.8003C3.4499 14.5333 4.55814 14.0582 5.8247 14.375C6.54774 14.5553 7.06445 15.0795 7.63668 15.6605C8.56798 16.6056 9.64593 17.6997 12 17.6997C14.5332 17.6997 16.1162 16.4335 16.75 13.9001C15.8 15.1665 14.6917 15.6414 13.4251 15.3247C12.7023 15.1445 12.1861 14.6202 11.6132 14.0392C10.6825 13.0941 9.60481 12 7.25 12Z"
        fill="#38BDF8"
      />
    </svg>
  );
};
